<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>省广文章页</title>
    <link rel="stylesheet" href="./css/reset.css">
    <!-- <link rel="stylesheet" href="./css/common.css"> -->
    <link rel="stylesheet" href="./scss/resources1.css">
</head>

<body>
    <!-- 头部 -->
    <header>
        <div class="logo-box">
            <img src="./assets/images/logo.png" alt="logo">
        </div>
        <div class="search-box">
            <a href="#">
                <img src="./assets/images/search-logo.png" alt="search">
            </a>
        </div>
        <div class="menu">
            <div class="line"></div>
            <div class="line"></div>
            <div class="line"></div>
            <div class="message">1</div>
        </div>
    </header>
    <!-- 主要内容 -->
    <section class="content">
        <div class="banner">
            <img src="./assets/images/resource.png" alt="banner">
            <div class="mask-layer">
                <p>线下媒体资源</p>
                <div class="mask-text">
                    <p>饿了么线下媒体资源 </p>
                    <div class="time">
                        <p>12月26日 07:33:43</p>
                        <p class="eye">
                            <img src="./assets/images/eye.png" alt="eye">
                        </p>
                       <p>560</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="wrapper">
            <div class="left">
                <img src="./assets/images/resource-video.png" alt="resource-video">
            </div>
            <div class="right">
                <p>腾讯视频</p>
                <p>腾讯视频贴片广告、60秒贴片广告
                    质量超棒、欢迎尝试......</p>
                <div class="eye">
                    2015-9-3
                    <img src="./assets/images/resource-eye.png" alt="resource-eye">
                    250
                </div>
            </div>
        </div>
        <div class="wrapper">
            <div class="left">
                <img src="./assets/images/resource-video.png" alt="resource-video">
            </div>
            <div class="right">
                <p>腾讯视频</p>
                <p>腾讯视频贴片广告、60秒贴片广告
                    质量超棒、欢迎尝试......</p>
                <div class="eye">
                    2015-9-3
                    <img src="./assets/images/resource-eye.png" alt="resource-eye">
                    250
                </div>
            </div>
        </div>
        <div class="wrapper">
            <div class="left">
                <img src="./assets/images/resource-video.png" alt="resource-video">
            </div>
            <div class="right">
                <p>腾讯视频</p>
                <p>腾讯视频贴片广告、60秒贴片广告
                    质量超棒、欢迎尝试......</p>
                <div class="eye">
                    2015-9-3
                    <img src="./assets/images/resource-eye.png" alt="resource-eye">
                    250
                </div>
            </div>
        </div>
        <div class="more">
            <p>加载更多</p>
        </div>
    </section>
    <!-- 尾部 -->
    <footer>
        <ul>
            <li>
                <a href="#">
                    <div class="foot-logo">
                        <img src="./assets/images/pic6-1.png" alt="首页">
                        <p>首页</p>
                    </div>
                </a>
            </li>
            <li>
                <a href="#">
                    <div class="foot-logo">
                        <img src="./assets/images/pic6-2.png" alt="GIMC">
                        <p>GIMC</p>
                    </div>
                </a>
            </li>
            <li>
                <a href="#">
                    <div class="foot-logo">
                        <img src="./assets/images/resource-pen_25.png" alt="文章">
                        <p>文章</p>
                    </div>
                </a>
            </li>
            <li>
                <a href="#">
                    <div class="foot-logo">
                        <img src="./assets/images/resource-flower_22.png" alt="资源">
                        <p>资源</p>
                    </div>
                </a>
            </li>
            <li>
                <a href="#">
                    <div class="foot-logo">
                        <img src="./assets/images/pic6-5.png" alt="学院">
                        <p>学院</p>
                    </div>
                </a>
            </li>
        </ul>
    </footer>
</body>

</html>